<template>
	<view>
		<custom title="视频" fixed="fixed" :radius="false" :shadow="false"></custom>
		<view class="video-box" :style="{height:'calc(100vh - '+customBar+')'}">
			<video id="myVideo" style="width:100%;height: 100%;;overflow: hidden;" :src="videoUrl" autoplay
				:show-fullscreen-btn="true" :enable-progress-gesture="true" :enable-play-gesture="true">
			</video>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'vedioPlay',

		data() {
			return {
				customBar: getApp().globalData.customBar + 'px',
				videoUrl: ''
			};
		},

		onLoad({
			url
		}) {
			this.videoUrl = JSON.parse(url)
		},
	};
</script>

<style lang="scss">
	.video-box {
		z-index: 9999;
	}
</style>